import Vue from 'vue'
import VueRouter from 'vue-router'
import HomeView from '../views/HomeView.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'home',
    component: HomeView
  },
  {
    path: '/about',
    name: 'about',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import('../views/AboutView.vue')
  },
  {
    path: '/pageTable',
    name: 'pageTable',
    component: () => import('../views/pageTable.vue')
  },
  {
    path: '/stamp',
    name: 'stamp',
    component: () => import('../views/stamp.vue')
  },

  
  {
    path: '/quill',
    name: 'quill',
    component: () => import('../views/quill.vue')
  },
  {
    path: '/index',
    name: 'index',
    component: () => import('../views/index.vue')
  },
  {
    path: '/seq',
    name: 'seq',
    component: () => import('../views/seq.vue')
  },
  {
    path: '/page',
    name: 'page',
    component: () => import('../views/page.vue')
  },
  {
    path:"/CropperImg",
    name:"CropperImg",
    component: () => import('../views/CropperImg')
  },
  {
    path:"/vueQr",
    name:"vueQr",
    component: () => import('../views/vueQr')
  },
  {
    path:"/them",
    name:"them",
    component: () => import('../views/them')
  },
  {
    path:"/vxeTable", //合并单元格:可作为副省级城市党政副职培养的干部
    name:"vxeTable",
    component: () => import('../views/vxeTable')
  },
  {
    path:"/vxeTableDetail", //vxe-table类型的合并单元格:可作为副省级城市党政副职培养的干部
    name:"vxeTableDetail",
    component: () => import('../views/vxeTableDetail')
  },
  {
    path:"/elTree",
    name:"elTree",
    component: () => import('../views/elTree')
  },
  {
    path:"/oneTable",
    name:"oneTable",
    component: () => import('../views/oneTable')
  },
  {
    path:"/checkDetail",
    name:"checkDetail",
    component: () => import('../views/checkDetail')
  },
  {
    path:"/vxeTableThree",
    name:"vxeTableThree",
    component: () => import('../views/vxeTableThree')
  },
  {
    path:"/transferView",
    name:"transferView",
    component: () => import('../views/transferView')
  },
  {
    path:"/checkbox",
    name:"checkbox",
    component: () => import('../views/checkbox')
  },
  {
    path:"/checkboxOne",
    name:"checkboxOne",
    component: () => import('../views/checkboxOne')
  },
  {
    path:"/checkboxTwo",
    name:"checkboxTwo",
    component: () => import('../views/checkboxTwo')
  },
  {
    path:"/cellClassName",
    name:"cellClassName",
    component: () => import('../views/vxe-table中的cell-class-name的使用')
  },
  {
    path:"/newTable",
    name:"newTable",
    component: () => import('../views/自定义表格穿梭框')
  },
  {
    path:"/checkboxImg",
    name:"checkboxImg",
    component: () => import('../views/checkbox和图片的结合然后再input展示')
  },
  {
    path:"/classStyle",
    name:"classStyle",
    component: () => import('../views/class和style动态绑定')
  },
  {
    path:"/tooltip",
    name:"tooltip",
    component: () => import('../views/el-tag使用el-tooltip')
  },
  {
    path:"/vxeTime",
    name:"vxeTime",
    component: () => import('../views/vxe-table的时间')
  },  
  {
    path:"/printWatermarks",
    name:"printWatermarks",
    component: () => import('../views/printWatermarks')
  },  
  {
    path:"/tag",
    name:"tag",
    component: () => import('../views/tag')
  }, 
  {
    path:"/tagTwo",
    name:"tagTwo",
    component: () => import('../views/tagTwo')
  }, 
  {
    path:"/select",
    name:"select",
    component: () => import('../views/el-select中如果value值是字符串的话，label的中文值能否正常展示')
  }, 
  {
    path:"/parentComponent",
    name:"parentComponent",
    component: () => import('../views/el-select的多级联动、数据回显/parentComponent')
  }, 
  {
    path:"/elTreeAddDel",
    name:"elTreeAddDel",
    component: () => import('../views/el-tree的增删改查')
  }, 
  {
    path:"/setParentSub",
    name:"setParentSub",
    component: () => import('../views/使用this.$set/使用this.$set来进行子父传参和子组件与子组件传参')
  },
  {
    path:"/collapse",
    name:"collapse",
    component: () => import('../views/折叠面板渲染tree树数据-递归方法/折叠面板')
  },
  {
    path:"/transform",
    name:"transform",
    component: () => import('../views/动画transform')
  },
  {
    path:"/inputDelete",
    name:"transform",
    component: () => import('../views/input框输入值之后删除')
  },
  {
    path:"/chHome",
    name:"chHome",
    component: () => import('../views/Home')
  },
  {
    path:"/export",
    name:"导出功能",
    component: () => import('../views/导出功能export')
  },
  {
    path:"/cellTable",
    name:"合并单元格",
    component: () => import('../views/cellTable合并单元格')
  },
  {
    path:"/pdfExeclDocx",
    name:"pdf的预览效果展示",
    component: () => import('../views/预览pdf、excel、docx格式的文件')
  },
  {
    path:"/scroll",
    name:"滚动条",
    component: () => import('../views/滚动条无限滚动')
  },
  {
    path:"/skeleton",
    name:"骨架屏",
    component: () => import('../views/骨架屏skeleton')
  },
  {
    path:"/progress",
    name:"进度条",
    component: () => import('../views/进度条Progress')
  },
  {
    path:"/breadcrumb",
    name:"面包屑",
    component: () => import('../views/面包屑breadcrumb'),
    children: [
      {path:  '/filmview',component:  ()=> import( '../views/FilmView.vue')},
      {path:  '/filmviewOne',component:  ()=> import( '../views/FilmViewOne.vue')},
      {path:  '/filmviewTwo',component:  ()=> import( '../views/FilmViewTwo.vue')},
      {path:  '/filmviewThree',component:  ()=> import( '../views/FilmViewThree.vue')},
      {path:  '/filmviewFour',component:  ()=> import( '../views/FilmViewFour.vue')},
      {path:  '/filmviewFive',component:  ()=> import( '../views/FilmViewFive.vue')},
      {path:  '/filmviewSix',component:  ()=> import( '../views/FilmViewSix.vue')},
      {path:  '/filmviewSeven',component:  ()=> import( '../views/FilmViewSeven.vue')},
      {path:  '/filmviewEight',component:  ()=> import( '../views/FilmViewEight.vue')},
    ]
  },
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
